<template>
  <!-- 
  如果ref设置给一个普通元素,则代表获取的是当前DOM节点
  如果ref设置给一个组件,则获取的是当前组件的组件实例,我们可以操作这个组件实例修改内部的数据 
   -->
  <div>
    <span ref="header"> ref传值</span>
    <child ref="child" />
    <button @click="$refs.child.count++">改变子组件中的 count  </button>
  </div>
</template>

<script>
import Child from './Child.vue'
export default {
  components: { Child },
  mounted() {
    console.log(this.$refs.header);
    console.log(this.$refs.child);
  },

}
</script>

<style scoped>
div{
  color: rgb(226, 188, 119);
}
</style>